/*banner*/
.banner{
  .carousel-inner{
    img{
      width: 100%;
    }
  }
} 

/* hot */
.hot{
  padding-bottom: 4%;
  width: 100%;
  .container{
    .blade,
    .master{
      display: flex;
      flex-direction: row;
      .print{
        width: 37%;
        position: relative;
        padding-top: 4% ;
        .icon{
          position: absolute;
          left: 0;
          top: 0;
        }
        img{
          height: 90%;
        }
      }
      .prt32{
        width: 32%;
      }
      .content{
        width: 69%;
        padding: 4% 0 0 0;
        text-align: right;
        .lt{
          text-align: left;
        }
        .title{
          font-size: 1.5em;
          padding-bottom: 10px;
        }
        .mork{
          width: 100%;
          font-size: 1em;
          height: 6em;
          line-height: 2em;
        }
        .printlist{
          width: 100%;
          display: flex;
          flex-direction: column;
          align-content: space-between;
          .rows{
            width: 100%;
            height: 80%;
            display: flex;
            justify-content: space-between;
            .items{
              width: 48%;
              height: 80%;;
              img{
                width: 100%;
                height: 80%;
                margin-top: 20px;
              }
            }
          }
          
        }
      }
    } 
  }
  @media screen and (max-width:1200px){
    .container{
      .blade,
      .master{
        .content{
          .mork{
            margin-bottom: 20px;
          }
        }
      }
    }
  }
  @media screen and (max-width:750px){
    .container{
      .blade,
      .master{
        .print{
          display: none;
        }
        .content{
          width: 100%;
          text-align: left;
          .mork{
            margin-bottom: 0;
            overflow-y: auto;
          }
        }
      }
    }
  }
  @media screen and (max-width:700px){
    .container{
      .blade,
      .master{
        .content{
          .mork{
            line-height: 1.5em;
          }
        }
      }
    }
  }
} 


/* more */
.more{
  width: 100%;
  padding: 4% 0;
  .container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    .title{
      font-size: 2em;
      margin-bottom: 40px;
    }
    .rows{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-content: space-around;
      justify-content: space-between;
      .box{
        width: 31%;
        text-align: center;
        margin-bottom: 20px;
        .print{
          width: 100%;
          position: relative;
          overflow: hidden;
          &:hover .back{
            top: 0;
          }
          .back{
            background-color: rgba(0,0,0,.5);
            width: 100%;
            height: 98%;
            color: white;
            font-size: .8em;
            line-height: 2em;
            position: absolute;
            top: -100%;
            left: 0;
            transition: all linear .5s;
          }
          img{
            width: 100%;
            height: 100%;
          }
        }
        .subtitle{
          font-size: 1em;
          color: black;
        }
      }
    }
  }
  @media screen and (max-width:994px) {
    .container{
      .rows{
        .box{
          .print{
            .back{
              font-size: .6em;
              line-height: 1.5em;
            }
          }
        }
      }
    }
  }
  @media screen and (max-width:750px) {
    .container{
      .rows{
        .box{
          width: 48%;
          .print{
            .back{
              font-size: .8em;
              line-height: 2em;
            }
          }
        }
      }
    }
  }
  @media screen and (max-width:650px) {
    .container{
      .rows{
        .box{
          .print{
            .back{
              font-size: .6em;
              line-height: 1.5em;
            }
          }
        }
      }
    }
  }
  @media screen and (max-width:450px) {
    .container{
      .rows{
        .box{
          width: 100%;
          .print{
            .back{
              font-size: .8em;
              line-height: 2em;
            }
          }
        }
      }
    }
  }
} 